@charset "utf-8";
/*
* Fatal Attaction for Pure
* Ben Ng
* 2008
*/

/*General styles*/
html,
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background-color:#EFEFEF;
	background-image:url(background.jpg);
	background-position:50px 0;
}

a {
	color:#000000;
	text-decoration:underline;
}

a:hover,
a:active {
	color:#993300;
}

a.comment {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#993300;
	text-decoration:none;
}

a.comment:hover,
a.comment:active {
	color:#660000;
	text-decoration:underline;
}

a img {
	border:none;
}

/*Sidebar*/
.sidebar {
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	min-height:100%;
	overflow:hidden;
}

/*Header style*/
h1,
h2,
a.anchor h2,
h3,
a.posttitle,
h4,
h5,
a.headertitle {
	font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	position:relative;
	font-weight:lighter;
	color:#990000;
	text-decoration:none;
}
h2,
a.anchor h2 {font-size:24px;}
h2.clearheader {clear:both;}
h3,
a.posttitle {
	font-size:20px;
	margin:30px 0 0 0; /*Gets doubled*/
}
a.posttitle {
	font-size:25px;
}
h4 {font-size:16px;}
h5 {font-size:14px;}
h1.nav,
h2.nav,
h3.nav,
h4.nav,
h5.nav {
	margin-left:100px;
}
/*Only for semantic purposes*/
h2.semantic {
	font-size:0px;
	display:none;
	margin:0;
	padding:0;
	visibility:hidden;
}

a.headertitle:hover,
a.headertitle:active,
a.posttitle:hover,
a.posttitle:active {
	color:#660000;
}

/*Code block*/
code {
	border:1px solid #CCCCCC;
	background-color:#FEFEFE;
	padding:5px;
	margin:10px 0;
	display:block;
}

span.codetitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}

/*Site description*/
span.sitedesc {
	display:block;
	margin:29px 0 29px 90px;
	padding:5px 10px 5px 10px;
	width:190px;
	min-height:30px;
	border-top:1px dotted #AFA4A4;
	border-bottom:1px dotted #AFA4A4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*Link selection*/
ul.navsection {
	list-style-type:none;
	margin:0 0 0 100px;
	padding:0;
}

ul.navsection li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	margin:0;
	padding:0;
}

ul.navsection li a.hover,
ul.navsection li a.active {
	font-weight:bold;
	color:#660000;
}

/*Content*/
.contentarea {
	position:absolute;
	top:0px;
	left:300px;
	width:624px; /*1024-300-100*/
	padding:10px 50px 50px 50px;
	min-height:100%;
}

/*Separator*/
.contentseparator {
	height:50px;
	border:none;
	background-color:transparent;
	color:transparent;
}

hr.nothing {
	height:0px;
	border:none;
	display:inline;
	visibility:hidden;
}

/*Post metadata*/
span.postmeta {
	font-size:10px;
	display:block;
	margin:0 0 10px 0;
	color:#989898;
}

span.postmeta a {
	color:#797979;
	font-size:10px;
	text-decoration:underline;
}

span.postmeta a:hover,
span.postmeta a:active {
	color:#989898;
	text-decoration:underline;
}

/*Pagination*/
.paginationcontainer {
	clear:both;
}

ul.pagination {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.pagination li {
	display:inline;
	margin:0;
}
ul.pagination li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration:none;
	padding:2px;
	color:#990000;
}

ul.pagination li a.current {
	padding:1px;
	border:1px solid #CFB5B5;
	color:#000000;
	background-color:#DFD1D1;
}

ul.pagination li a:hover,
ul.pagination li a:active {
	padding:1px;
	border:1px solid #FFFFFF;
	background-color:#DFD1D1;
}

ul.pagination a.previouspost {
	float:left;
}

ul.pagination a.nextpost {
	float:right;
}

/*Comments*/
.evencomment,
.oddcomment,
.prominentcomment {
	padding:5px 5px 10px 5px;
	margin-top:15px;
	background-color:#ECECEC;
	color:#555555;
}
.oddcomment {
	background-color:#CCCCCC;
}
.prominentcomment {
	background-color:#DFD1D1;
}

span.commentauthor {
	font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:lighter;
	color:#990000;
}

span.commentmeta {
	font-size:10px;
	color:#6F6F6F;
}

#comment_form {
	font-family:'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:lighter;
	color:#990000;
}

#comment_form textarea {
	width:95%;
}

#comment_form input[type=submit] {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#990000;
	border:1px solid #ECECEC;
	background-color:#FFFFFF;
	padding:3px 9px;
}

#comment_form input[type=submit]:hover,
#comment_form input[type=submit]:active {
	color:#000000;
	background-color:#EAEAEA;
	border-color:#666666;
}

/*Timer*/
#footer {
	display:block;
	margin-top:50px;
}

span.timer {
	margin-top:20px;
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	color:#666666;
	text-align:center;
}

span.fatal {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	font-weight:bold;
	color:#990000;
}

span.attraction {
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	font-weight:bold;
	color:#333333;
}